@charset "utf-8";
/*end*/
body{overflow-x:hidden;}


.soubj{height:50px;border-bottom:1px solid rgba(0,126,191,0.2);margin-bottom: 100px;}
.sou{height:50px;}
.sou span{display: block;height:50px;line-height: 50px;padding-left:51px; background:url(sou.png) no-repeat left;}
.sou span i{display: block; font-size: 14px; color:#808080;float:left;}
.sou span a{font-size: 14px; color:#808080; margin-right: 16px;float:left;}
/**/
.casebj{height:723px; background:url(casebj.jpg) no-repeat center;}
.case{padding-top:50px;}
.case .left{width:427px;float:left;height:582px;background:url(kk.png) no-repeat left bottom;}
.case .left span{display: block;padding-top:58px; padding-left:103px;background:url(cat_bj.png) no-repeat left top; font-size: 48px; color:#333333; line-height: 48px; font-weight: bold;}
.case .left em{display: block;padding-left:40px; margin-top: 19px;font-size: 18px;color:#666666;letter-spacing: 1px;}
.case .left ul{padding-top:51px;height:228px;padding-left:43px;}
.case .left ul li{float:left; margin-bottom: 22px; padding-left:35px; margin-right: 50px;background:url(hg1.jpg) no-repeat left;}
.case .left ul li a{font-size: 16px; color:#666666;}
.case .left ul li.cur a{color:#007EBF; font-weight: bold;}
.case .left ul li.cur{background:url(hg1_h.jpg) no-repeat left;}
.case .right{width:773px; height:603px;float:right;position: relative;}
.case .right .ys_box{z-index:100;position:relative;}
.case .right .cat{width:773px; height:581px;position: relative;z-index:1;}
.case .right .cat span{display: block;width:773px; height:581px; overflow: hidden;}
.case .right .cat span img{width:773px; height:581px;transition: .5s;}
.case .right .cat span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.case .right .cat dl{width:611px; height:136px; position: absolute;bottom:24px;left:-386px;}
.case .right .cat dl dt{width:88px; height:88px;position: absolute;border:3px solid #007EBF;border-radius:50%; top:15px;right: 0;overflow: hidden;}
.case .right .cat dl dt img{width:88px; height:88px;}
.case .right .cat dl dd{background:#007EBF;width:559px; height:136px;float:left; padding-top:19px; padding-left:15px; box-sizing: border-box;}
.case .right .cat dl dd b{display: block; margin-bottom: 18px;}
.case .right .cat dl dd b a{font-size: 18px; color:#FFF; font-weight: bold;}
.case .right .cat dl dd p{width:470px;height:61px; font-size: 14px; color:#FFFFFF;}
.case .right .bj{display: block; width:773px; height:581px;background:#007EBF;position: absolute;top:22px; right:-20px;}
/**/
.zzyf{height:914px; background:url(zzyf.jpg) no-repeat center;}
.yf{padding-top:118px;}
.yf .tit{height:116px;text-align: center;}
.yf .tit span{display: block;padding-top:31px;font-size: 48px; line-height: 48px; color:#333333; font-weight: bold; background:url(INVENTION.png) no-repeat  center; margin-bottom: 18px;}
.yf .tit em{display: block;font-size: 18px; color:#666666; line-height: 16px;}
.yf ul li{width:210px; float:left;margin-left: 37px;}
.yf ul li:first-child{margin-left: 0;}
.yf ul li span{display: block;width:210px;height:280px;position: relative; }
.yf ul li span em{display: block;width:210px;height:280px;}
.yf ul li span em img{width:210px;height:280px;transition: .5s;}
.yf ul li span b{opacity: 0;width:210px;height:280px;transition: .5s;font-size: 16px; color:#FFFFFF; position: absolute; top:0; left:0; text-align: center;padding-top:121px; box-sizing: border-box;background:rgba(0,126,191,0.7)}
.yf ul li p{font-size: 22px; color:#1A1B22; text-align: center; margin-top: 20px;line-height: 30px;}
.yf ul li:hover span b{opacity: 1;}
.yf ul li.yf1,.yf ul li.yf2{margin-top: 100px;}
.yf ul li.yf2{padding-top:101px;background:url(xt.jpg) no-repeat top center;}
/**/
/*合作*/
.part{font-family:"Microsoft Yahei";padding:50px 0 50px;line-height:36px;color: #fff;font-size: 16px;}
.part h2{height:55px;font-size: 22px;background:url(line1.gif) no-repeat 272px 15px;font-size: 22px;line-height: 34px;}
.part h2 span{float: right;font-weight: normal;font-size: 12px;}
.part h2 span a{display: block;color: #333;}
.part h2 p{background:url(ico01.gif) no-repeat 2px 4px;padding: 0 0 0 47px;}
.part h2 p a{display: block;color: #000;}
.part_c{border-left: solid 1px #dfdfdf;border-top: solid 1px #dfdfdf;height:198px;}
.part_c ul{width: 1220px;}
.part_c li{width: 240px;float: left;height:98px;position: relative;text-align: center;}
.part_c li img{width: 240px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border-right: solid 1px #dfdfdf;border-bottom: solid 1px #dfdfdf;height:98px;}
.part_c li span{width: 240px;height:0;position: absolute;left: 0;top: 0;background:url(bg01.png) repeat;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.part_c li span a{display:none;color: #fff;margin:25px 0 0;padding: 0 19px;border-bottom: solid 1px #fff;}
.part_c li.cur span,.part_c li:hover span{height:98px;}
.part_c li.cur span a,.part_c li:hover span a{display: inline-block;}
/*
.product{height:1020px;background:url(product.jpg) no-repeat center;}
.pro{padding-top:60px;}
.pro .tit{height:145px; text-align: center;}
.pro .tit span{display: block;font-size: 48px; line-height: 48px; color:#333333; font-weight: bold; margin-bottom: 18px;background:url(CENTER.png) no-repeat center; padding-top:32px;}
.pro .tit em{display: block;font-size: 18px; color:#666666; line-height: 18px;}
.pro ul{height:160px;position: relative;}
.pro ul li{float:left;width:300px; height:70px; text-align: center; line-height: 70px;background:#333333;}
.pro ul li em{display: block;font-size: 20px; color:#FEFEFE;}
.pro ul li a{display: block; position: relative;}
.pro ul li.cur{background:url(pnavbj.jpg) no-repeat center;}
.pro ul li.cur i{display: block;width:26px; height:10px; background:url(dbx1.png) no-repeat center;position: absolute;top:70px;left:137px;z-index:100;}
.pro ul li .nav2{width:1200px;height:69px; display: none; line-height: 69px; background:#FFF;box-shadow: 0px 0px 5px rgba(146,146,146,0.5);position: absolute;left:0;top:70px;padding-left:42px; box-sizing: border-box;}
.pro ul li .nav2 span{display: block;height:69px;  float:left;margin-right:40px;position: relative;}
.pro ul li .nav2 span em{display:block;padding: 0 18px;background:url(yd.png) no-repeat left; font-size: 18px; color:#666666; }
.pro ul li .nav2 span a{display: block; padding-bottom:22px;}
.pro ul li .nav2 span p{display: none;width:218px; height:198px;z-index: 100; border:3px solid #f3ad0d;position:absolute;top:91px;left:-42px;}
.pro ul li .nav2 span p a{padding:0;display: block;width:218px; height:198px;position: relative;}
.pro ul li .nav2 span p a:before{width:27px; height:13px; background:url(dbx2.png) no-repeat center; content:""; position: absolute; top:-13px; left:100px;}
.pro ul li .nav2 span:hover{background:url(hg2.jpg) no-repeat bottom center;}
.pro ul li .nav2 span:hover em{color:#f3ad0d; font-weight: bold;background:url(yd_h.png) no-repeat left;}
.pro ul li .nav2 span:hover p{display: block;}
.pro ul li .nav2 span.n2 p{position: absolute;left:-71px;}
.pro ul li .nav2 span.n3 p{position: absolute;left:-36px;}
.pro ul li .nav2 span.n4 p{position: absolute;left:-78px;}
.pro ul li .nav2 span.n5 p{position: absolute;left:-78px;}
.pro ul li .nav2 span.n6 p{position: absolute;left:-78px;}
.pro ul li.cur .nav2{display: block;}

.pro .prosm span{display: block; width:586px; height:586px;border:2px solid #ebebeb; float:left;position: relative;margin-right: 18px;}
.pro .prosm span img{width:586px; height:586px;}
.pro .prosm span b{display: block; text-align: center; position: absolute;left:0; bottom:27px;width:100%;}
.pro .prosm span b em{padding-left:24px;font-size: 15px; color:#333333;background:url(yd.png) no-repeat left;}
.pro .prosm ul{ width:1200px;float:left;}
.pro .prosm ul li{float:right;;width:283px; height:285px; margin-bottom: 23px;position: relative;margin-right:15px;}
.pro .prosm ul li:nth-child(2n){float:right;}
.pro .prosm ul li strong{display: block;width:281px; height:283px;border:1px solid #ebebeb;}
.pro .prosm ul li strong img{width:281px; height:283px;}
.pro .prosm ul li em{display: block; text-align: center;line-height: 16px; position: absolute;left:0; bottom:15px;width:100%;}
.pro .prosm ul li em i{padding-left:24px;font-size: 16px; color:#333333;background:url(yd.png) no-repeat left;}
.pro .prosm ul li p{display: none;width:281px; height:285px;background:url(pyy.png) no-repeat center; position: absolute; top:0;left:0;}
.pro .prosm ul li:hover p{display: block;}*/

.product{height:1020px;background:url(product.jpg) no-repeat center;}
.pro{padding-top:100px;}
.pro .tit{height:145px; text-align: center;}
.pro .tit span{display: block;font-size: 48px; line-height: 48px; color:#333333; font-weight: bold; margin-bottom: 18px;background:url(CENTER.png) no-repeat center; padding-top:32px;}
.pro .tit em{display: block;font-size: 18px; color:#666666; line-height: 18px;}
.pro ul{height:160px;position: relative;}
.pro ul li{float:left;width:300px; height:70px; text-align: center; line-height: 70px;background:#333333;}
.pro ul li em{display: block;font-size: 20px; color:#FEFEFE;}
.pro ul li a{display: block; position: relative;}
.pro ul li.cur{background:url(pnavbj.jpg) no-repeat center;}
.pro ul li.cur i{display: block;width:26px; height:10px; background:url(dbx1.png) no-repeat center;position: absolute;top:70px;left:137px;z-index:100;}
.pro ul li .nav2{width:1200px;height:69px; display: none; line-height: 69px; background:#FFF;box-shadow: 0px 0px 5px rgba(146,146,146,0.5);position: absolute;left:0;top:70px;padding-left:42px; box-sizing: border-box;}
.pro ul li .nav2 span{display: block;height:69px;  float:left;margin-right: 53px;position: relative;}
.pro ul li .nav2 span em{display:block;padding: 0 18px;background:url(yd.png) no-repeat left; font-size: 18px; color:#666666; }
.pro ul li .nav2 span a{display: block; padding-bottom:22px;}
.pro ul li .nav2 span p{display: none;width:218px; height:198px;z-index: 100; border:3px solid #f3ad0d;position:absolute;top:91px;left:-42px;}
.pro ul li .nav2 span p a{padding:0;display: block;width:218px; height:198px;position: relative;}
.pro ul li .nav2 span p a:before{width:27px; height:13px; background:url(dbx2.png) no-repeat center; content:""; position: absolute; top:-13px; left:100px;}
.pro ul li .nav2 span:hover{background:url(../images/hg2.jpg) no-repeat bottom center;}
.pro ul li .nav2 span:hover em{color:#f3ad0d; font-weight: bold;background:url(yd_h.png) no-repeat left;}
.pro ul li .nav2 span:hover p{display: block;}
.pro ul li .nav2 span.n2 p{position: absolute;left:-71px;}
.pro ul li .nav2 span.n3 p{position: absolute;left:-36px;}
.pro ul li .nav2 span.n4 p{position: absolute;left:-78px;}
.pro ul li .nav2 span.n5 p{position: absolute;left:-78px;}
.pro ul li .nav2 span.n6 p{position: absolute;left:-78px;}
.pro ul li.cur .nav2{display: block;}
.pro .prosm span{display: block; width:586px; height:586px;border:2px solid #ebebeb; float:left;position: relative;margin-right: 18px;}
.pro .prosm span img{width:586px; height:586px;}
.pro .prosm span b{display: block; text-align: center; position: absolute;left:0; bottom:27px;width:100%;}
.pro .prosm span b em{padding-left:24px;font-size: 15px; color:#333333;background:url(yd.png) no-repeat left;}
.pro .prosm ul{width:589px; float:right;}
.pro .prosm ul li{float:left;width:283px; height:285px; margin-bottom: 23px;position: relative;}
.pro .prosm ul li:nth-child(2n){float:right;}
.pro .prosm ul li strong{display: block;width:281px; height:283px;border:1px solid #ebebeb;}
.pro .prosm ul li strong img{width:281px; height:283px;}
.pro .prosm ul li em{display: block; text-align: center;line-height: 16px; position: absolute;left:0; bottom:15px;width:100%;}
.pro .prosm ul li em i{padding-left:24px;font-size: 16px; color:#333333;background:url(yd.png) no-repeat left;}
.pro .prosm ul li p{display: none;width:281px; height:285px;background:url(pyy.png) no-repeat center; position: absolute; top:0;left:0;}
.pro .prosm ul li:hover p{display: block;}





.g_an{background:url(../images/gcbg.jpg) no-repeat center top;padding-top: 80px;height: 787px;}
.g_an h2{height: 148px;text-align: center;font-size: 36px;font-weight: bold;color: #333333;background:url(../images/cptit.png) no-repeat;}
.g_an h2 a{color: #333333;}
.g_an h2 b{color: #254899}
.g_an h2 em{display: block;font-size: 16px;color: #666666;font-weight: normal;padding-top: 18px;}
.m_an{height: 536px;}
.g_an dl{float: left;width: 360px;margin: 0 30px;}
.g_an dt{width: 360px;height: 270px;overflow: hidden;}
.g_an dt img{width: 360px;height: 270px;display: block;transition: all 0.3s linear 0s;}
.g_an dt:hover img{transform: scale(1.1);}
.g_an dd{padding: 36px 30px 0;height: 214px; box-shadow:0px 0px 10px #cac7c7;transition: all 0.6s ease 0s;}
.g_an h3{height: 30px;line-height: 30px;overflow: hidden;font-size: 18px;font-weight: bold;color: #333333;margin-bottom: 20px;}
.g_an h3 a{color: #333333;}
.g_an p{font-size: 14px;line-height: 26px;height: 52px;overflow: hidden;color: #666666;margin-bottom: 28px;}

.g_an span a{display: block;width: 92px;height: 40px;line-height: 40px;padding: 0 0 0 50px;font-size: 14px;font-weight: bold;color: #666666;background:url(../images/anbt1.jpg) no-repeat;position: relative;z-index: 1;}
.g_an span a:before{content: "";position: absolute;z-index:-1;width:0;height:40px;top: 0;left: 0;-webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.g_an span a:hover:before{width: 142px;background:url(../images/anbt2.jpg) no-repeat;color: #fff;}
.g_an span a:hover{color: #fff;}
.g_an dl:hover dd{background: #fff; padding-left: 35px;}

/**/
.yzbj{height:300px; background:url(yzbj.jpg) no-repeat center;}
.yz{height:300px;}
.yz .yzsm{width:764px; float:left;padding-top:40px;}
.yz .yzsm span{display: block;height:66px; line-height: 66px;padding-left:38px; font-size: 30px;color:#333333;}
.yz .yzsm p{font-size: 36px; color:#FFFFFF;width:373px; margin-top: 29px;line-height: 45px;margin-left: 39px;}
.yz .yzsm p b{color:#FFB100; }
.yz .tel{float:right; width:202px;}
.yz .tel i{display: block;width:48px;height:152px;background:url(tel2.png) no-repeat center; margin-left: 124px; }
.yz .tel em{display: block; margin-top: 20px;font-size: 30px;color:#FFF;line-height: 30px; font-family: "Impact"; margin-bottom: 24px;}
.yz .tel span{display: block;width:172px; height:42px;margin-left: 30px; text-align: center; line-height: 42px;}
.yz .tel span a{display: block;font-size: 18px; color:#333333; font-weight: bold; font-family: "思源黑体 CN";}
/**/
.ltbj{height:1349px;}
.lt{padding-top:118px;overflow:hidden;}
.lt .tit{height:116px;text-align: center; margin-bottom: 88px;}
.lt .tit span{display: block; padding-top:32px; font-size: 48px; line-height: 48px; color:#333333; font-weight: bold; background:url(GENERAL.png) no-repeat center; margin-bottom: 19px;}
.lt .tit i{display: block;font-size: 18px; line-height: 18px; color:#666666;}
.lt .ltsm{height:972px; background:url(ltbj.png) no-repeat center;padding-top:57px; box-sizing:border-box;}
.lt .ltsm ul li{width:250px;float:left;position: relative;}
.lt .ltsm ul li span{display: block;height:37px; background:url(hg3.png) no-repeat bottom left;margin-bottom: 20px;}
.lt .ltsm ul li span b{display: block;float:left; font-size: 36px; line-height: 30px; color:#FFB100;font-family: "Impact"; font-weight: normal; margin-right: 22px;}
.lt .ltsm ul li span em{display: block; float:left;font-size: 20px; color:#333333; font-weight: bold; margin-top: 7px;}
.lt .ltsm ul li p{height:84px;font-size: 14px;width:265px; color:#666666; line-height:21px;}
.lt .ltsm ul li.ltt{margin-right: 700px;}
.lt .ltsm ul li.t{margin-bottom: 360px;}
.lt .ltsm ul li.last{margin:122px 0 0 482px;}
.lt .ltsm ul li.last p{width:250px;}
.lt .ltsm ul li i{display: block;width:187px; height:186px;}
.lt .ltsm ul li .lt1{background:url(lt1.png) no-repeat center;position: absolute;right:-239px;top:-69px;}
.lt .ltsm ul li .lt2{background:url(lt2.png) no-repeat center;position: absolute;left:-239px;top:-69px;}
.lt .ltsm ul li .lt3{background:url(lt3.png) no-repeat center;position: absolute;top:-235px; right:-115px;}
.lt .ltsm ul li .lt4{background:url(lt4.png) no-repeat center;position: absolute;top:-235px; left:-125px;}
.lt .ltsm ul li .lt5{background:url(lt5.png) no-repeat center;position: absolute;top:-229px; left:41px;}
/**/
.newsbj{height:700px; background:#F5F5F5;}
.news{padding-top:38px;}
.news .tit{height:79px; margin-bottom: 55px; text-align: center;}
.news .tit span{display: block;padding-top:33px; font-size: 48px; line-height: 48px; color:#333333; font-weight: bold;background:url(NEWS.png) no-repeat center;}
.news .news_desc{width:325px; height:473px; float:left;background:url(newbj.jpg) no-repeat top center;position: relative;}
.news .news_desc dl dt{width:325px; height:143px;padding-top:36px; padding-left:28px;box-sizing: border-box;}
.news .news_desc dl dt em{display: block; margin-bottom: 17px;}
.news .news_desc dl dt em a{font-size: 18px; line-height: 18px; color:#F0F0F0; font-weight: bold;}
.news .news_desc dl dt i{display: block; font-size: 18px; line-height: 18px; color:#F0F0F0; font-family: "Arial";}
.news .news_desc dl dd span{display: block;width:325px;height:184px; margin-bottom: 33px;}
.news .news_desc dl dd span img{width:325px;height:184px;}
.news .news_desc dl dd p{width:258px; margin:0 auto; font-size: 14px; color:#666666;}
.news .news_desc .jt{width:33px; height:19px; position: absolute;top:108px; right:20px;}
.news .news_desc .jt i{display: block;float:left;width:10px; height:19px; cursor: pointer;}
.news .news_desc .jt .prev1{background:url(prev1.png) no-repeat center;}
.news .news_desc .jt .next1{background:url(next1.png) no-repeat center;float:right;}
.news .newsfl{width:875px;height:473px; float:right;padding-top:40px; padding-left:46px; box-sizing: border-box;}
.news .newsfl .flnav{height:24px;}
.news .newsfl .flnav span{display: block;float:left;}
.news .newsfl .flnav span a{display: block;float:left;font-size: 18px; color:#333333;height:21px; line-height: 21px; border-left:1px dashed #808080;padding-left:27px; margin-right: 29px;}
.news .newsfl .flnav span a.cur{color:#ffb100; font-weight: bold; border-left:3px solid #ffb100;}
.news .newsfl .flnav em{float:right;}
.news .newsfl .flnav em a{font-size: 14px; color:#ffb100;}
.news .newsfl ul li{height:135px;padding-top:26px;box-sizing: border-box;}
.news .newsfl ul li dl dt{width:151px; height:110px;float:right;background:rgba(230,230,230,0.5); padding-top:27px;box-sizing: border-box;}
.news .newsfl ul li dl dt em{display: block; font-size: 48px; line-height: 40px; color:#5C5C5C; text-align: center;font-family: "Arial";}
.news .newsfl ul li dl dt i{display: block; text-align: center;font-size: 16px; line-height:56px; color:#5C5C5C;font-family: "Arial";}
.news .newsfl ul li dl dd{width:678px; float:left;padding-top:12px; height:110px; border-bottom:1px solid rgba(221,221,225,0.5);box-sizing: border-box;}
.news .newsfl ul li dl dd span{display: block; margin-bottom: 16px;}
.news .newsfl ul li dl dd span a{font-size: 16px; color:#282828; line-height: 16px;font-weight: bold;}
.news .newsfl ul li dl dd p{width:633px;font-size: 14px; color:#666666;}
.news .newsfl ul li:hover dt{background:rgba(221,221,225,1);}
.news .newsfl ul li:hover dd{border-bottom:1px solid rgba(221,221,225,1)}
/**/
.aboutbj{height:825px;}
.about{padding-top:95px;}
.about .abt{width:600px; float:left;padding-top:80px;}
.about .abt span{display: block;font-size: 30px; line-height: 30px; color:#333333; font-family:  "Arial";height:45px;position: relative; text-transform: uppercase;margin-bottom: 48px;}
.about .abt span:before{width:30px; height:3px;background:#FFB100;content:""; position: absolute;left:0;bottom:0; }
.about .abt p{width:528px;  margin-bottom: 64px; font-size: 18px; color:#666666; line-height: 33px;}
.about .abt strong{display: block;}
.about .abt strong em{display: block; float:left;width:110px; height:33px;text-align: center;line-height:31px;font-weight:normal; margin-right:20px;border:2px solid #808080;border-radius:10px;box-sizing: border-box;}
.about .abt strong em a{display: block;font-size:18px; color:#808080;}
.about .abt strong em:hover{border:0;background:url(abt1.png) no-repeat center;}
.about .abt strong em:hover a{color:#FFF;}
.about .absm{width:960px;margin-right: -360px; float:right; position: relative;}
.about .absm span{display: block;height:142px; margin-left: 21px; padding-top:28px; padding-left:27px;position: relative;}
.about .absm span:before{width:1px; height:175px;background:#008ED8;content:"";position: absolute; left:0;top:0;}
.about .absm span em{display: block;font-size: 48px; line-height: 48px; color:#333333; margin-bottom: 19px;}
.about .absm span p{font-size: 24px; color:#666666;}
.about .absm b{display: block;width:959px; height:440px;position: relative;z-index:100;}
.about .absm b img{width:959px; height:440px;}
.about .absm i{display: block;width:987px; height:64px; background:#007EBF;margin-left: -28px;margin-top: -35px;}